{% extends "base.html" %}
{% load i18n %}
{% load webdesign %}
{% block app_css %}
  <link type="text/css" rel="StyleSheet" href="/static/css/index.css" />
{% endblock %}
{% block app_js %}
  <script type="text/javascript" src="/static/js/jquery.validate.min.js"></script>
  <script type="text/javascript" src="/static/js/index.js"></script>
{% endblock %}

{% block container %}
  <div id="login_form">
    <h2>{% trans 'welcome to glowdrop' %}</h2>
    <form action="{% url glowdrop.accounts.views.login %}" method="POST">
      <label for="username">{% trans 'username' %}</label>
      <input name="username" id="username"/>
      <label for="password">{% trans 'password' %}</label>
      <input type="password" name="password" id="password"/>
      <div id="keep_stayed"><input class="checkbox" type="checkbox" name="keep_me_stayed"/>{% trans 'keep me stayed in' %}</div>
      <div id="tips"></div>
      <input type="submit" value="{% trans 'login' %}" id="login_submit" />
    </form>
    <div id="link">
      <a href="{% url glowdrop.accounts.views.register %}" id="new_commer">{% trans 'new commer' %}</a> |
      <a href="#" >{% trans 'forget password' %}?</a>
    </div>
  </div>
  <div id="feature">
    <h1>{% trans 'The simple way to catch up with places and friends' %}</h1>
    <em>{% trans 'you could find here:' %}</em>
    <ul>
      <li>{% trans 'Look around what happens near you' %}</li>
      <li>{% trans 'Look around interesting places' %}</li>
      <li>{% trans 'Talk with friends' %}</li>
      <li>{% trans 'Talk with guys near you' %}</li>
    </ul>
  </div>
  <div id="content">
    <div id="hot_notes">
      {% lorem 1 p%}
    </div>    
    <div id="show_place">
      <input type="hidden" id="max_id" />
      <div class="subheader">
        <div class="filter">
          <label for="filter">{% trans 'filter by' %}</label>
          <select>
            <option>{% trans 'all' %}</option>
            <option>{% trans 'friends' %}</option>
            <option>{% trans 'me' %}</option>      
          </select>
        </div>
        <div class="search">
{% trans 'search here' %}:<input />
        </div>
      </div>
      <div id="notes"></div>
      <input type="button" class="load_more" value="{% trans 'load more' %}"/>
    </div>
  </div>
  {% include "misc/login_dialog.html" %}
  {% include "misc/mini_note.html" %}
{% endblock %}
